#editpersonal__information{
  margin: 20px auto 180px auto;
  .information__catalog{
    ul{
      background: #ffffff;
      border: 1px solid #E1E2EA;
      border-radius: 2px;
      li{
        border-bottom: 1px solid #E1E2EA;
        padding: 14px 27px;
        &:last-child{
          border: none;
        }
        a{
          font-size: 14px;
          color: #9B9B9B;
          line-height: 20px;
          font-weight: bold;

          &.a__active{
            color: #000;
          }
        }

      }
    }
  }
  .information__content{
    .input_text{

      padding-bottom: 15px;
      border-bottom: 1px solid #E1E2EA;
      .input_item{
        margin-bottom: 20px;
        &.active{
          display: flex;
          align-items: center;
          .item{
            padding-right: 14px;
          }
        }
        .item_wrong{
          color: #EA4448;
          display: none;
          &.active{
            display: block;
          }
        }
        p{
          font-size: 14px;
          line-height: 20px;
          color: #9B9B9B;
          padding: 8px 0;
          span{
            color: #EA4448;
          }
        }
        .item_input{
          padding: 5px;
          background: #DCDCDC;
          border-radius: 2px;
          input{
            outline: none;
            border: none;
            width: 100%;
            height: 30px;
            background: #DCDCDC;
          }
        }
      }

    }
    .btn_edit{
      margin-top: 24px;
      span{
        cursor: pointer;
        display: inline-block;
        background: #224C86;
        color: #ffffff;
        border-radius: 2px;
        padding: 10px 72px;
        font-size: 20px;
        line-height: 28px;
      }
    }
  }
}